<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title></title>
    <script src="jquery.min.js" type="text/javascript"></script>
    <script src="jqzoom.js" type="text/javascript"></script>
    <link href="jqzoom.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        /*使用jqzoom*/
        $(function() {
            $(".jqzoom").jqueryzoom({
                xzoom: 800, //放大图的宽度(默认是 200)
                yzoom: 800, //放大图的高度(默认是 200)
                offset: 10, //离原图的距离(默认是 10)
                position: "right", //放大图的定位(默认是 "right")
                preload: 1
            });
        });
    </script>
</head>
<body>
<div class="jqzoom">
    <img src="pixiv56521957.png" style="width:300px; height:300px;" alt=""  jqimg="pixiv56521957.png" id="bigImg"/>
</div>
</body>
</html>